<template>
    <div class="" style="background-color: #333742;">
        <div v-if="loading"
             class="loader-wrapper">
            <pulse-loader></pulse-loader>
        </div>

        <div class="container main-container has-text-white">

          <div class="columns">
            <div class="column is-8">
              <div class="title has-text-white"> 11月23日 - 12月2日 </div>
              <pre style="background-color: #333742;" class="has-text-white is-size-6">
              功能优化:
                1. 支持昵称、上传头像等功能
                2. 支持波场TRX空投
                3. 与麦子钱包达成战略合作关系
              其他:
                1. 波场段子上线
                2. 波场dapp xworld第一轮
              </pre>

              <div class="title has-text-white"> 11月22日 </div>
              <pre style="background-color: #333742;" class="has-text-white is-size-6">
              功能优化:
                1. 快讯(News)增加了官方/用户标记 便于区分
                2. 意见墙(Advice)增加官方回复功能。
              </pre>

              <div class="title has-text-white"> 11月21日 </div>
              <pre style="background-color: #333742;" class="has-text-white is-size-6">
              功能上线
                1. 新增问答模块
                2. 新增意见墙模块, 每天最佳意见奖励1EOS
                3. 认证会员快讯免审核, 每天最佳快讯奖励1EOS
              营收
                1. FastWin推广结束, 待回款
              其他:
                1. 自研游戏《快西游》分红结束, 分红详情: https://shimo.im/docs/PthnQdVdQZIs71nn
                2. 自研游戏《LuckyCard》立项。
                3. 网站手机适配待优化
                4. 网站接口速度待优化
              </pre>
            </div>

            <div class="column is-4">

              <RightAd> </RightAd>
            </div>
          </div>
        </div>
    </div>
    </div>
</template>

<script>
    import PulseLoader from 'vue-spinner/src/PulseLoader';
    import API, { eos, currentEOSAccount } from '@/util/api';
    import RightAd from '@/components/RightAd';

    export default {
        name: 'index',
        components: {
            PulseLoader,
          RightAd
        },

        data() {
            return {
                tokenPrice: [],
                news_list: [],
                loading: true,
            };
        },

        computed: {},

        async created() {
          this.loading = false;
        },

        methods: {
          timestampToStr(timestamp) {
              timestamp += 8*60*60;
              var result = new Date(parseInt(timestamp) * 1000).toISOString().replace('T', ' ').slice(10,16);
              return result;
          },
          async updateNews() {
            function sleep(ms) {
              return new Promise(resolve => setTimeout(resolve, ms));
            }
            for (var i=0;i<1000;i++) {
              await sleep(5000);
              this.news_list = await API.getNewsList();
            }
          }
        },
        watch: {},
    };
</script>
<style scoped>
    .loader-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
    }
    .main-container {
      padding-top: 1rem;
      background-color: #333742;
    }
    .card {
        border:0.5px solid grey;
        border-radius: 2px;
        padding: 10px;
        background-color: #333742;
    }
    pre {
      padding: 0.1rem;
    }
</style>
